<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html> 
<head>
    <title>Sign in to your Google Account - FeedStore Pro</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <script>
    $mx_locale = chrome.i18n.getMessage("locale");
    </script>
    
    <script src="scripts/settings.js"></script>
    <script src="scripts/src/lib/jquery.js"></script>
    <script src="scripts/src/lib/jquery-mx.js"></script>
    <script src="scripts/src/mx/framework.js"></script>
    <script src="scripts/src/fp/shared.js"></script>
    
    <style>
    html, body
    {
        width:100%;
        height:100%;
        overflow:hidden;
        background:url(../../wallpapers/Wallpaper-03.png);
    }
    </style>
</head>
<body>
<div id="main">
    <div id="top">
        <img id="logo" src="images/logo.png"/>
    </div>

    <form id="loginPanel" style="display:none">
        <div id="top">
            <img id="logo" src="../../images/google_logo.png"/>
            <h1>Account</h1>
        </div>
        
        
        <div id="body">
            <div id="hint">${SIGN_IN_PLEASE}</div>
                
            <div id="userName">
                <input type="text" id="txtUserName" placeholder="you@gmail.com"/>
            </div>
            
            <div id="password">
                <input type="password" id="txtPassword" placeholder="${PASSWORD}"/>
            </div>
            
            <button id="btnLogin">${SIGN_IN}</button>
            
            <div id="error"></div>
            
            <div id="privacy">${PRIVACY}</div>
        </div>
    </form>

</div>
</body>
<script>
$import("fp.AppLogin");
</script>
<script>
fp.AppLogin = new fp.AppLoginClass();
fp.AppLogin.init();
</script>
</html>